<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">补货单号：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <input type="text" class="form-control" v-model="q.number" @keyup.enter="query" placeholder="请输入内容">
            </div>
            <div style="float: left;height:34px;line-height:34px;">货架名称：</div>
            <div style="float: left;">
                <select class="form-control" v-model="q.shelvesid" @keyup.enter="query" id="sheelves_id">

                </select>
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">提交人：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <input type="text" class="form-control" v-model="q.userid" @keyup.enter="query" placeholder="请输入内容">
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">提交时间：</div>
            <div style="float: left;width:350px;margin-right: 10px;" id="sandbox-container">

                <div class="input-group date" style="width:46%;float:left;">
                    <input type="text" class="form-control" id="startime"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>
                <div style="width: 4%;float:left;margin-left:7px;margin-top:8px;padding-left:1px;">
                    -
                </div>
                <div class="input-group date" style="width:48%;">
                    <input type="text" class="form-control" id="endtime"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>

            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">状态：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <select class="form-control" v-model="q.statu" @keyup.enter="query">
                    <option></option>
                    <option value="0">待处理</option>
                    <option value="1">已处理</option>
                    <option value="2">已拒绝</option>
                </select>
            </div>
            <a class="btn btn-primary" @click="query">查询</a>
            <a class="btn btn-primary" @click="add">&nbsp;导出</a>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form>
            <div style="margin-left:20px;margin-right:20px;box-sizing: border-box;border-bottom: 1px solid #E2E5ED;">
                <div style="padding-left: 20px!important;">
                    <a class="btn btn-default" @click="reload" style="float: left">&nbsp;返回</a>
                    <h2 style="font-size: 20px!important;color: #000!important;font-weight:bold;">用户补货申请详情</h2>
                </div>
                <div style="margin: 0 20px;padding-bottom: 0!important;">
                    <div style="border-radius: 2px;border: none!important;margin: 0!important;">
                        <div style="border: 1px solid #e2e5ed!important;">
                            <table style="border: 0;width: 100%;border-collapse: collapse;">
                                <tbody>
                                <tr>
                                    <td style="border-top: none;border-bottom:solid 1px rgb(226, 229, 237);border-right:solid 1px rgb(226, 229, 237);
                                padding: 10px;float: none;text-align: center;width: 8.33333333%;background-color: #F7F9FB;">申请单号</td>
                                    <td style="border-bottom:solid 1px rgb(226, 229, 237);border-right:solid 1px rgb(226, 229, 237);padding: 10px;float: none;background-color: #fff!important;width: 16.66666667%;" id="number"></td>
                                    <td style="border-top: none;border-bottom:solid 1px rgb(226, 229, 237);border-right:solid 1px rgb(226, 229, 237);padding: 10px;float: none;text-align: center;width: 8.33333333%;background-color: #F7F9FB;">提交人</td>
                                    <td style="border-bottom:solid 1px rgb(226, 229, 237);border-right:solid 1px rgb(226, 229, 237);padding: 10px;float: none;background-color: #fff!important;width: 16.66666667%;" id="tjuser"></td>
                                    <td style="border-top: none;border-bottom:solid 1px rgb(226, 229, 237);border-right:solid 1px rgb(226, 229, 237);padding: 10px;float: none;text-align: center;width: 8.33333333%;background-color: #F7F9FB;">货架名称</td>
                                    <td style="border-bottom:solid 1px rgb(226, 229, 237);border-right:solid 1px rgb(226, 229, 237);padding: 10px;float: none;background-color: #fff!important;width: 16.66666667%;" id="shelvesname"></td>
                                    <td style="border-top: none;border-bottom:solid 1px rgb(226, 229, 237);border-right:solid 1px rgb(226, 229, 237);padding: 10px;float: none;text-align: center;width: 8.33333333%;background-color: #F7F9FB;">操作时间</td>
                                    <td style="border-bottom:solid 1px rgb(226, 229, 237);padding: 10px;float: none;background-color: #fff!important;width: 16.66666667%;" id="createtime"></td>
                                </tr>
                                <tr>
                                    <td style="border-top: none;border-right:solid 1px rgb(226, 229, 237);padding: 10px;float: none;text-align: center;width: 8.33333333%;background-color: #F7F9FB;">处理状态</td>
                                    <td style="border-right:solid 1px rgb(226, 229, 237);padding: 10px;float: none;background-color: #fff!important;width: 16.66666667%;" id="statu"></td>
                                    <td style="border-top: none;border-right:solid 1px rgb(226, 229, 237);padding: 10px;float: none;text-align: center;width: 8.33333333%;background-color: #F7F9FB;">用户留言</td>
                                    <td style="padding: 10px;text-align: center;background-color: #fff!important;float: none;" colspan="5" id="message"></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div style="padding: 20px 0;margin: 0 20px;padding-top: 0!important;color: #4c4948;">
                    <div style="padding-bottom: 10px!important;padding-top: 20px!important;line-height: 1!important;">
                        共<span id="spsl"></span>件商品
                    </div>
                    <div style="border-radius: 2px;border: none!important;margin: 0!important;">
                        <div style="margin-bottom: 0;min-height: .01%;margin-top: 15px;">
                            <table style="border-top-left-radius: 3px;border-top-right-radius: 3px;
                            border: 1px solid #e2e5ed!important;display: table;margin-bottom: 0!important;width: 50%;border-collapse: collapse;">
                                <thead style="background-color: #F7F9FB;">
                                <tr>
                                    <th style="border-right:solid 1px rgb(226, 229, 237);padding: 10px 0;
                                        font-weight: 400!important;font-size: 12px!important;line-height: 1.42857143;text-align: center;">序号</th>
                                    <th style="border-right:solid 1px rgb(226, 229, 237);padding: 10px 0;
                                        font-weight: 400!important;font-size: 12px!important;line-height: 1.42857143;text-align: center;">商品图片</th>
                                    <th style="border-right:solid 1px rgb(226, 229, 237);padding: 10px 0;
                                        font-weight: 400!important;font-size: 12px!important;line-height: 1.42857143;text-align: center;">商品名称</th>
                                    <th style="border-right:solid 1px rgb(226, 229, 237);padding: 10px 0;
                                        font-weight: 400!important;font-size: 12px!important;line-height: 1.42857143;text-align: center;">商品条形码</th>
                                </tr>
                                </thead>
                                <tbody id="infoproduct">
                                <tr style="height:39px;">
                                    <td colspan="4" style="text-align: center;background-color: #fff!important;border:solid 1px rgb(226, 229, 237);">暂无数据</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
            <div style="width: 100%;padding: 20px;background: #F5F6F6;position: fixed;bottom: 0;" id="tjan">
                <div style="vertical-align: middle;width: 400px;float: left;">
                    <label style="display: table-cell!important;width: 60px!important;">处理&nbsp;</label>
                    <label style="padding-right: 30px;display: table-cell!important;">
                        <input type="radio" name="bh" checked="checked" value="0" @click="process">
                        <i></i>标记并上架
                        <div style="display: inline-block!important;">
                            <img src="../../statics/img/ico20-question.png" width="16" height="16"
                                 style="margin-top: -3px;cursor: pointer;vertical-align: middle;" onmouseover="$('#zrdd').show()" onmouseout="$('#zrdd').hide()">
                            <div style="color: #323232;position: absolute;font-size: 12px;text-align: center;
                            box-shadow: 0 0 7px rgba(0,0,0,.2);z-index: 9;display: none;top: 1px;left: 50%;
                            margin-left: -665px;margin-top: -35px;min-width: 250px;max-width: 500px;padding: 10px;line-height: 24px;" id="zrdd">
                                标记为已处理并生成上架草稿单
                            </div>
                        </div>
                    </label>
                    <label style="color: #999!important;display: table-cell!important;">
                        <input type="radio" name="bh" value="1" @click="process">
                        <i></i>标记拒绝

                    </label>
                </div>
                <div style="vertical-align: middle;width:720px;float:left;display: none;" id="jjyy">
                    <input type="text" class="form-control" placeholder="输入拒绝原因..." style="width: 700px;">
                </div>
                <label style="width: 200px !important; display: table-cell !important; float: right;margin-right:100px;">
                    <a class="btn btn-primary" @click="saveOrUpdate" style="float: left;margin-left: 30px;">&nbsp;提交</a>
                </label>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/sys/replenishment.js?_${.now?long}"></script>
<script>
    $("#sandbox-container .input-group.date").datepicker({
        language: "zh-CN",
        clearBtn: true, //清除按钮
        format: "yyyy-mm-dd",
        todayHighlight:true
    });
</script>
</body>
</html>